
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 锲炬爣</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-list"></i>
                    <div class="name">鍒楄〃</div>
                    <div class="fontclass">.icon-list</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-send"></i>
                    <div class="name">鍙戦€?/div>
                    <div class="fontclass">.icon-send</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-recharge"></i>
                    <div class="name">鍏呭€?/div>
                    <div class="fontclass">.icon-recharge</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paytype"></i>
                    <div class="name">浠樻鏂瑰纺</div>
                    <div class="fontclass">.icon-paytype</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ebook"></i>
                    <div class="name">鐢靛瓙涔?/div>
                    <div class="fontclass">.icon-ebook</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-speaker"></i>
                    <div class="name">镓０鍣?/div>
                    <div class="fontclass">.icon-speaker</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tag"></i>
                    <div class="name">镙囩</div>
                    <div class="fontclass">.icon-tag</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wallet"></i>
                    <div class="name">阍辫</div>
                    <div class="fontclass">.icon-wallet</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-camera"></i>
                    <div class="name">镦х浉链?/div>
                    <div class="fontclass">.icon-camera</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right"></i>
                    <div class="name">姝ｇ‘</div>
                    <div class="fontclass">.icon-right</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fault"></i>
                    <div class="name">阌栾</div>
                    <div class="fontclass">.icon-fault</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-deny"></i>
                    <div class="name">绂佹</div>
                    <div class="fontclass">.icon-deny</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hint"></i>
                    <div class="name">鎻愮ず</div>
                    <div class="fontclass">.icon-hint</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-act"></i>
                    <div class="name">鍒涙剰</div>
                    <div class="fontclass">.icon-act</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-account"></i>
                    <div class="name">璐︽埛</div>
                    <div class="fontclass">.icon-account</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-file"></i>
                    <div class="name">鏂囦欢</div>
                    <div class="fontclass">.icon-file</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-editfile"></i>
                    <div class="name">缂栬緫鏂囦欢</div>
                    <div class="fontclass">.icon-editfile</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-files"></i>
                    <div class="name">澶嶅埗鏂囦欢</div>
                    <div class="fontclass">.icon-files</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-books"></i>
                    <div class="name">璧勬枡搴?/div>
                    <div class="fontclass">.icon-books</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-stat"></i>
                    <div class="name">绔栫姸锲?/div>
                    <div class="fontclass">.icon-stat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plan"></i>
                    <div class="name">璁″垝</div>
                    <div class="fontclass">.icon-plan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-write"></i>
                    <div class="name">鐢ㄧ爷</div>
                    <div class="fontclass">.icon-write</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-key"></i>
                    <div class="name">瀵嗗宠</div>
                    <div class="fontclass">.icon-key</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-manage"></i>
                    <div class="name">绠＄悊</div>
                    <div class="fontclass">.icon-manage</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-home"></i>
                    <div class="name">棣栭〉</div>
                    <div class="fontclass">.icon-home</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-search"></i>
                    <div class="name">鎼灭储</div>
                    <div class="fontclass">.icon-search</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-user"></i>
                    <div class="name">鐢ㄦ埛</div>
                    <div class="fontclass">.icon-user</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-message"></i>
                    <div class="name">瀵硅瘽</div>
                    <div class="fontclass">.icon-message</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-email"></i>
                    <div class="name">闾欢</div>
                    <div class="fontclass">.icon-email</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-good"></i>
                    <div class="name">璧炴壃</div>
                    <div class="fontclass">.icon-good</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bad"></i>
                    <div class="name">镓硅瘎</div>
                    <div class="fontclass">.icon-bad</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-set"></i>
                    <div class="name">璁剧疆</div>
                    <div class="fontclass">.icon-set</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-delete"></i>
                    <div class="name">鍒犻櫎</div>
                    <div class="fontclass">.icon-delete</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-info"></i>
                    <div class="name">淇℃伅</div>
                    <div class="fontclass">.icon-info</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-help"></i>
                    <div class="name">甯侄</div>
                    <div class="fontclass">.icon-help</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mark"></i>
                    <div class="name">鏀惰棌</div>
                    <div class="fontclass">.icon-mark</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-love"></i>
                    <div class="name">鍠灭埍</div>
                    <div class="fontclass">.icon-love</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-friends"></i>
                    <div class="name">濂藉弸</div>
                    <div class="fontclass">.icon-friends</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-edit"></i>
                    <div class="name">缂栬緫</div>
                    <div class="fontclass">.icon-edit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-attach"></i>
                    <div class="name">闄勪欢</div>
                    <div class="fontclass">.icon-attach</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biglist"></i>
                    <div class="name">澶у垪琛?/div>
                    <div class="fontclass">.icon-biglist</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-imglist"></i>
                    <div class="name">澶х缉鐣ュ浘鍒楄〃</div>
                    <div class="fontclass">.icon-imglist</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-falllist"></i>
                    <div class="name">鐎戝竷娴?/div>
                    <div class="fontclass">.icon-falllist</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ilist"></i>
                    <div class="name">鍒楄〃</div>
                    <div class="fontclass">.icon-ilist</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-download"></i>
                    <div class="name">涓嬭浇</div>
                    <div class="fontclass">.icon-download</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sendemail"></i>
                    <div class="name">鍙戦€侀偖浠?/div>
                    <div class="fontclass">.icon-sendemail</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-add"></i>
                    <div class="name">锷?/div>
                    <div class="fontclass">.icon-add</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sub"></i>
                    <div class="name">鍑?/div>
                    <div class="fontclass">.icon-sub</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-exit"></i>
                    <div class="name">阃€鍑?/div>
                    <div class="fontclass">.icon-exit</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-openemail"></i>
                    <div class="name">镓揿紑淇℃伅</div>
                    <div class="fontclass">.icon-openemail</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-appcenter"></i>
                    <div class="name">搴旗敤涓绩</div>
                    <div class="fontclass">.icon-appcenter</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-right1"></i>
                    <div class="name">鍚戝彸</div>
                    <div class="fontclass">.icon-right1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ring"></i>
                    <div class="name">鐜?/div>
                    <div class="fontclass">.icon-ring</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-money"></i>
                    <div class="name">閲戦</div>
                    <div class="fontclass">.icon-money</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-image"></i>
                    <div class="name">锲剧墖</div>
                    <div class="fontclass">.icon-image</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pingban"></i>
                    <div class="name">骞虫澘</div>
                    <div class="fontclass">.icon-pingban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bookmark"></i>
                    <div class="name">涔︾</div>
                    <div class="fontclass">.icon-bookmark</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuanshi"></i>
                    <div class="name">阍荤煶</div>
                    <div class="fontclass">.icon-zuanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baidu"></i>
                    <div class="name">鐧惧害</div>
                    <div class="fontclass">.icon-baidu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhui"></i>
                    <div class="name">杩斿洖</div>
                    <div class="fontclass">.icon-fanhui</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-subscription"></i>
                    <div class="name">璁㈤槄</div>
                    <div class="fontclass">.icon-subscription</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fanhuidingbu"></i>
                    <div class="name">杩斿洖椤堕儴</div>
                    <div class="fontclass">.icon-fanhuidingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuaxin"></i>
                    <div class="name">鍒锋柊</div>
                    <div class="fontclass">.icon-shuaxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-desk"></i>
                    <div class="name">锷炲叕妗?/div>
                    <div class="fontclass">.icon-desk</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangxia"></i>
                    <div class="name">鍚戜笅</div>
                    <div class="fontclass">.icon-xiangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangshang"></i>
                    <div class="name">鍚戜笂</div>
                    <div class="fontclass">.icon-xiangshang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinxingqia"></i>
                    <div class="name">阈惰鍗?/div>
                    <div class="fontclass">.icon-yinxingqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dotc"></i>
                    <div class="name">镣?/div>
                    <div class="fontclass">.icon-dotc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiangyou"></i>
                    <div class="name">鍚戝彸</div>
                    <div class="fontclass">.icon-xiangyou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liwu"></i>
                    <div class="name">绀肩墿</div>
                    <div class="fontclass">.icon-liwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconshugang"></i>
                    <div class="name">icon-绔栨潬</div>
                    <div class="fontclass">.icon-iconshugang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dot"></i>
                    <div class="name">镣?/div>
                    <div class="fontclass">.icon-dot</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrowi"></i>
                    <div class="name">鍙崇澶?/div>
                    <div class="fontclass">.icon-arrowi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrow"></i>
                    <div class="name">灏忕澶?/div>
                    <div class="fontclass">.icon-arrow</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-writer"></i>
                    <div class="name">绠＄悊锻?/div>
                    <div class="fontclass">.icon-writer</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paylog"></i>
                    <div class="name">浜ゆ槗璁板綍</div>
                    <div class="fontclass">.icon-paylog</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">鐢佃瘽</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gouwu"></i>
                    <div class="name">璐墿</div>
                    <div class="fontclass">.icon-gouwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao"></i>
                    <div class="name">锲捐〃</div>
                    <div class="fontclass">.icon-tubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yejianmoshi"></i>
                    <div class="name">澶滈棿妯″纺</div>
                    <div class="fontclass">.icon-yejianmoshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zanting"></i>
                    <div class="name">鏆傚仠</div>
                    <div class="fontclass">.icon-zanting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-qq</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huangguan"></i>
                    <div class="name">镄囧啝</div>
                    <div class="fontclass">.icon-huangguan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rencan"></i>
                    <div class="name">浜哄弬</div>
                    <div class="fontclass">.icon-rencan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie61d"></i>
                    <div class="name">寰崥</div>
                    <div class="fontclass">.icon-unie61d</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao1"></i>
                    <div class="name">锲捐〃</div>
                    <div class="fontclass">.icon-tubiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dollar"></i>
                    <div class="name">閲戝竵鍏呭€?/div>
                    <div class="fontclass">.icon-dollar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-windows"></i>
                    <div class="name">windows</div>
                    <div class="fontclass">.icon-windows</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-arrows"></i>
                    <div class="name">绠ご</div>
                    <div class="fontclass">.icon-arrows</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hongjiu"></i>
                    <div class="name">绾㈤厌</div>
                    <div class="fontclass">.icon-hongjiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pictxt"></i>
                    <div class="name">锲炬枃</div>
                    <div class="fontclass">.icon-pictxt</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangxia"></i>
                    <div class="name">涓娄笅</div>
                    <div class="fontclass">.icon-shangxia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-coin"></i>
                    <div class="name">137瀛﹀竵1</div>
                    <div class="fontclass">.icon-coin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-log"></i>
                    <div class="name">镞ュ织</div>
                    <div class="fontclass">.icon-log</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-read"></i>
                    <div class="name">涔?/div>
                    <div class="fontclass">.icon-read</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouji"></i>
                    <div class="name">镓嬫満</div>
                    <div class="fontclass">.icon-shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">寰俊</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diannao"></i>
                    <div class="name">鐢佃剳</div>
                    <div class="fontclass">.icon-diannao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-piao"></i>
                    <div class="name">绁?/div>
                    <div class="fontclass">.icon-piao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-naicha"></i>
                    <div class="name">濂惰尪</div>
                    <div class="fontclass">.icon-naicha</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">阒块噷</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-danxianhuaduo"></i>
                    <div class="name">鍗旷嚎鑺辨湹</div>
                    <div class="fontclass">.icon-danxianhuaduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaizhuanghuaduo"></i>
                    <div class="name">鍧楃姸鑺辨湹</div>
                    <div class="fontclass">.icon-kuaizhuanghuaduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-vip"></i>
                    <div class="name">vip</div>
                    <div class="fontclass">.icon-vip</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhifubao"></i>
                    <div class="name">鏀粯瀹?/div>
                    <div class="fontclass">.icon-zhifubao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fudan"></i>
                    <div class="name">绂忚泲</div>
                    <div class="fontclass">.icon-fudan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-v"></i>
                    <div class="name">v</div>
                    <div class="fontclass">.icon-v</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baoji"></i>
                    <div class="name">椴滆姳</div>
                    <div class="fontclass">.icon-baoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingbaitian"></i>
                    <div class="name">鏅达纸鐧藉ぉ锛?/div>
                    <div class="fontclass">.icon-qingbaitian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shang201"></i>
                    <div class="name">璧?-01</div>
                    <div class="fontclass">.icon-shang201</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghutouxiang"></i>
                    <div class="name">鐢ㄦ埛澶村儚</div>
                    <div class="fontclass">.icon-yonghutouxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huabiyanse"></i>
                    <div class="name">鐢荤玛棰滆壊</div>
                    <div class="fontclass">.icon-huabiyanse</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zitidaxiao"></i>
                    <div class="name">瀛椾綋澶у皬</div>
                    <div class="fontclass">.icon-zitidaxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nv"></i>
                    <div class="name">濂?/div>
                    <div class="fontclass">.icon-nv</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-nan"></i>
                    <div class="name">鐢?/div>
                    <div class="fontclass">.icon-nan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-31shoucangxuanzhong"></i>
                    <div class="name">3.1鏀惰棌-阃変腑</div>
                    <div class="fontclass">.icon-31shoucangxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-31shoucang"></i>
                    <div class="name">3.1鏀惰棌</div>
                    <div class="fontclass">.icon-31shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-31guanzhu1xuanzhong"></i>
                    <div class="name">3.1鍏虫敞1-阃変腑</div>
                    <div class="fontclass">.icon-31guanzhu1xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-31guanzhu1"></i>
                    <div class="name">3.1鍏虫敞1</div>
                    <div class="fontclass">.icon-31guanzhu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhan"></i>
                    <div class="name">缃戠珯</div>
                    <div class="fontclass">.icon-wangzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianglisuode"></i>
                    <div class="name">濂栧姳镓€寰?/div>
                    <div class="fontclass">.icon-jianglisuode</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chudianpisa"></i>
                    <div class="name">铡ㄧ数_鎶惃</div>
                    <div class="fontclass">.icon-chudianpisa</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiangli"></i>
                    <div class="name">濂栧姳</div>
                    <div class="fontclass">.icon-jiangli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaolianxiuxi"></i>
                    <div class="name">鏁欑粌浼戞伅</div>
                    <div class="fontclass">.icon-jiaolianxiuxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hongbao"></i>
                    <div class="name">绾㈠寘</div>
                    <div class="fontclass">.icon-hongbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wan"></i>
                    <div class="name">瀹?/div>
                    <div class="fontclass">.icon-wan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chart"></i>
                    <div class="name">锲捐〃</div>
                    <div class="fontclass">.icon-chart</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-taobao"></i>
                    <div class="name">娣桦疂</div>
                    <div class="fontclass">.icon-taobao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kafei"></i>
                    <div class="name">鍜栧暋</div>
                    <div class="fontclass">.icon-kafei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinlian1193427easyiconnet"></i>
                    <div class="name">阈惰仈</div>
                    <div class="fontclass">.icon-yinlian1193427easyiconnet</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pingguo"></i>
                    <div class="name">鑻规灉</div>
                    <div class="fontclass">.icon-pingguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anzhuo-copy"></i>
                    <div class="name">瀹夊崜</div>
                    <div class="fontclass">.icon-anzhuo-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tangguo"></i>
                    <div class="name">绯栨灉</div>
                    <div class="fontclass">.icon-tangguo</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class寮旷敤</h2>
        <hr>

        <p>font-class鏄痷nicode浣跨敤鏂瑰纺镄勪竴绉嶅彉绉嶏紝涓昏鏄В鍐硊nicode涔﹀啓涓岖洿瑙傦紝璇剰涓嶆槑纭殑闂銆?/p>
        <p>涓巙nicode浣跨敤鏂瑰纺鐩告瘮锛屽叿链夊涓嬬壒镣癸细</p>
        <ul>
        <li>鍏煎镐ц坛濂斤紝鏀寔ie8+锛屽强镓€链夌幇浠ｆ祻瑙埚櫒銆?/li>
        <li>鐩告瘮浜巙nicode璇剰鏄庣‘锛屼功鍐欐洿鐩磋銆傚彲浠ュ緢瀹规槗鍒呜鲸杩欎釜icon鏄粈涔堛€?/li>
        <li>锲犱负浣跨敤class鏉ュ畾涔夊浘镙囷紝镓€浠ュ綋瑕佹浛鎹㈠浘镙囨椂锛屽彧闇€瑕佷慨鏀筩lass閲岄溃镄剈nicode寮旷敤銆?/li>
        <li>涓嶈绷锲犱负链川涓婅缮鏄娇鐢ㄧ殑瀛椾綋锛屾墍浠ュ鑹插浘镙囱缮鏄笉鏀寔镄勩€?/li>
        </ul>
        <p>浣跨敤姝ラ濡备笅锛?/p>
        <h3 id="-fontclass-">绗竴姝ワ细寮曞叆椤圭洰涓嬮溃鐢熸垚镄刦ontclass浠ｇ爜锛?/h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">绗簩姝ワ细鎸戦€夌浉搴斿浘镙囧苟銮峰彇绫诲悕锛屽簲鐢ㄤ簬椤甸溃锛?/h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"鏄綘椤圭洰涓嬬殑font-family銆傚彲浠ラ€氲绷缂栬緫椤圭洰镆ョ湅锛岄粯璁ゆ槸"iconfont"銆?/p>
        </blockquote>
    </div>
</body>
</html>
